    <template>
     <div class="wrapper">

          <div id="box1">
            <h3 style="line-height:62px">项目信息优化</h3>
            <!-- 导航 -->
            <div class="box">
              <div
                :class="sub1 == 0 ? 'color' : ''"
                :style="{
            'background-image':
              sub1 == 0 ? 'url(' + imgUrl.bg0 + ')' : 'url(' + imgUrl.bg1 + ')'
          }"
              >1 填写基本信息</div>
              <div
                :class="sub1 == 1 ? 'color' : ''"
                :style="{
            'background-image':
              sub1 == 1 ? 'url(' + imgUrl.bg0 + ')' : 'url(' + imgUrl.bg1 + ')'
          }"
              >2 填写详细信息</div>
            </div>
            <div style="margin-left:15px;display:flex">
              <span style="font-weight:bold;margin-left:31px;margin-bottom:27px">项目状态：</span>
              <span v-if="bgData.status==1" style="color:red">已提交</span>
              <span v-if="bgData.status==2" style="color:red">已保存</span>
              <span v-if="bgData.status==3" style="color:red">已驳回</span>
              <span v-if="bgData.status==4" style="color:red">已通过</span>
            </div>

            <!-- <form action method enctype="multipart/form-data" onsubmit="return false">
              <div v-show="sub1 == 0">
            <h4>一、基本信息</h4>-->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>项目名称:</label>
                    <input type="text" name="name" v-model="bgData.name" required />
                  </div>
                  <div style="display:flex">
                    <label>项目申报单位:</label>
                    <input
                      type="text"
                      name="company"
                      v-model="bgData.company"
                      value
                      disabled
                      required
                    />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>项目类别:</label>
                    <select name="tid" v-model="tid">
                      <template v-for="(type, index) in types">
                        <option :key="index" :value="index">{{ type }}</option>
                      </template>
                    </select>
                  </div>
                  <div style="display:flex;position:relative;left:38px">
                    <label>项目落地区域:</label>
                    <select name="rid" v-model="rid">
                      <template v-for="(list, index) in area">
                        <option :key="index" :value="index">{{ list }}</option>
                      </template>
                    </select>
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex;position:relative;right:29px">
                    <label>一级项目方向:</label>
                    <select name="rid" v-model="first_level">
                      <template v-for="(list, index) in first_levels">
                        <option :key="index" :value="index">{{ list }}</option>
                      </template>
            </select>-->
            <!-- <input type="text" name="first_level" v-model="first_level" value required /> -->
            <!-- </div>
                  <div style="display:flex">
                    <label>二级项目方向:</label>
                    <input type="text" name="secondary" v-model="secondary" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex;position:relative;right:29px">
                    <label>项目服务领域:</label>
                    <input type="text" name="fieldeara" v-model="fieldeara" value required />
                  </div>
                  <div style="display:flex">
                    <label>申报单位属性:</label>
                    <input type="text" name="attribute" v-model="attribute" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>申请日期:</label>
                    <input type="date" name="aterm" v-model="aterm" value required />
                  </div>
                  <div style="display:flex">
                    <label>截止日期:</label>
                    <input type="date" name="fterm" v-model="fterm" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>通讯地址:</label>
                    <input type="text" name="postaladdress" v-model="postaladdress" value required />
                  </div>
                  <div style="display:flex">
                    <label>邮政编码:</label>
                    <input type="text" name="postalcode" v-model="postalcode" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex">
                    <label>电子邮箱:</label>
                    <input type="text" name="pmail" v-model="pmail" value required />
                  </div>
                  <div style="display:flex">
                    <label>传真电话:</label>
                    <input type="text" placeholder="非必填" name="fax_tel" v-model="fax_tel" value />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <aside>
                  <div style="display:flex;position:relative;right:15px">
                    <label>法定代表人:</label>
                    <input type="text" name="plegal" v-model="plegal" value required />
                  </div>
                  <div style="display:flex">
                    <label>统一社会信用代码:</label>
                    <input type="text" name="plcode" v-model="plcode" value required />
                  </div>
            </aside>-->
            <!-- end -->
            <!-- start -->
            <!-- <section>
                  <div style="display:flex">
                    <label>负责人姓名:</label>
                    <input class="i" type="text" name="pname" v-model="pname" value required />
                  </div>
                  <div style="display:flex">
                    <label>职务:</label>
                    <input class="i" type="text" name="poster" v-model="poster" value required />
                  </div>
                  <div style="display:flex">
                    <label>办公电话:</label>
                    <input
                      class="i"
                      type="text"
                      name="poffice_tel"
                      v-model="poffice_tel"
                      value
                      required
                    />
                  </div>
                  <div style="display:flex">
                    <label>手机:</label>
                    <input class="i" type="text" name="aphone" v-model="aphone" value required />
                  </div>
            </section>-->
            <!-- end -->
            <!-- <section>
                  <div style="display:flex">
                    <label>联系人姓名:</label>
                    <input class="i" type="text" name="cname" v-model="cname" value required />
                  </div>
                  <div style="display:flex">
                    <label>职务:</label>
                    <input class="i" type="text" name="cpost" v-model="cpost" value required />
                  </div>
                  <div style="display:flex">
                    <label>办公电话:</label>
                    <input
                      class="i"
                      type="text"
                      name="coffice_tel"
                      v-model="coffice_tel"
                      value
                      required
                    />
                  </div>
                  <div style="display:flex">
                    <label>手机:</label>
                    <input class="i" type="text" name="cphone" v-model="cphone" value required />
                  </div>
            </section>-->
            <!-- end -->
            <!-- <div class="btn" @click="next(1)">下一页</div>
            </div>-->
            <!-- <div v-show="sub1 == 1"> -->
            <!-- <div class="cc">
                  start
                  <aside>
                    <div>
                      <label>项目主责单位:</label>
                      <input class="i-i" type="text" name="prespo" v-model="prespo" value required />
                    </div>
                  </aside>
                  end
                  start
                  <aside>
                    <div>
                      <label>通讯地址:</label>
                      <input type="text" name="respoadd" v-model="respoadd" value required />
                    </div>
                    <div>
                      <label>邮政编码:</label>
                      <input type="text" name="respopcode" v-model="respopcode" value required />
                    </div>
                  </aside>
                  end
                  start
                  <aside>
                    <div>
                      <label>电子邮箱:</label>
                      <input type="text" name="respomail" v-model="respomail" value required />
                    </div>
                    <div>
                      <label>传真电话:</label>
                      <input
                        type="text"
                        placeholder="非必填"
                        name="respophone"
                        v-model="respophone"
                        value
                      />
                    </div>
                  </aside>
                  end
                  start
                  <section>
                    <div>
                      <label>负责人姓名:</label>
                      <input
                        class="i"
                        type="text"
                        name="respopname"
                        v-model="respopname"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>职务:</label>
                      <input
                        class="i"
                        type="text"
                        name="respopost"
                        v-model="respopost"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>办公电话:</label>
                      <input
                        class="i"
                        type="text"
                        name="respoophone"
                        v-model="respoophone"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>手机:</label>
                      <input
                        class="i"
                        type="text"
                        placeholder="非必填"
                        name="respoptel"
                        v-model="respoptel"
                        value
                      />
                    </div>
                  </section>
                  end
                  <section>
                    <div>
                      <label>联系人姓名:</label>
                      <input
                        class="i"
                        type="text"
                        name="respocname"
                        v-model="respocname"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>职务:</label>
                      <input
                        class="i"
                        type="text"
                        name="respocpost"
                        v-model="respocpost"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>办公电话:</label>
                      <input
                        class="i"
                        type="text"
                        name="respocophone"
                        v-model="respocophone"
                        value
                        required
                      />
                    </div>
                    <div>
                      <label>手机:</label>
                      <input
                        class="i"
                        type="text"
                        placeholder="非必填"
                        name="respoctel"
                        v-model="respoctel"
                        value
                      />
                    </div>
                  </section>
                  end
            </div>-->
            <!-- <div>
                  <div class="xx">
                    <h5>二、申报单位简介</h5>
                    <div class="rich">
                      <aboutUs @aboutUs="aboutUs" :aboutUsVal="aboutUsVal"></aboutUs>
                    </div>
            </div>-->
            <!-- <div class="xx"> -->
            <!-- <h5>三、项目简介</h5>
                    <div class="rich">
                      <ProjectBrief @projectBrief="projectBrief" :projectBriefVal="projectBriefVal"></ProjectBrief>
                    </div>
                  </div>
                  <div class="xx">
                    <h5>四、项目论证</h5>
                    <h3>(一) 项目实施的必要性、可行性</h3>
                    <div class="rich">
                      <ProjectAssessment
                        @projectAssessment="projectAssessment"
                        :projectAssessmentVal="projectAssessmentVal"
                      ></ProjectAssessment>
            </div>-->
            <!-- <h3>
                      (二)
                      项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间
                    </h3>
                    <p>1.项目实施的已有基础</p>
                    <article>〔说明：包括但不限于项目实施已有的相关经验或有助于项目实施的资源支持等。〕</article>
                    <div class="rich">
                      <ExistingBasis
                        @existingBasis="existingBasis"
                        :existingBasisVal="existingBasisVal"
                      ></ExistingBasis>
                    </div>
                    <p>2.具体方法和途径</p>
                    <article>〔说明：包括项目实施的具体方式、途径。明确项目的具体组成内容（子项目、各类服务等），每类、每次活动的具体内容、形式、对象、次数、人数等。〕</article>
                    <div class="rich">
                      <MethodsWay @methodsWay="methodsWay" :methodsWayVal="methodsWayVal"></MethodsWay>
                    </div>
                    <p>3.进度安排</p>
                    <article>〔说明：可单独作为一部分，也可与“具体方法和途径”一并细化到子项目中说明。建议时间单元为月，不建议简单表述为“年内”、“上半年”、“下半年”、“第*季度”等。〕</article>
                    <div class="rich">
                      <scheduling @scheduling="scheduling" :schedulingVal="schedulingVal"></scheduling>
                    </div>
                    <p>4.预期效果</p>
                    <article>〔说明：具体明确项目实施所要达到的目标或预期的效果。〕</article>
                    <div class="rich">
                      <DesiredEffect
                        @desiredEffect="desiredEffect"
                        :desiredEffectVal="desiredEffectVal"
                      ></DesiredEffect>
                    </div>
                    <p>5.项目团队及分工</p>
                    <article>〔说明：包括项目实施的组织管理机构组成，各子项目或各项服务活动的具体承接单位和负责人，各有关协作单位等。要把可能引起转包怀疑的所有事项交代清楚，避免在检查、审计和评估中产生误解。〕</article>
                    <div class="rich">
                      <DivisionLabor
                        @divisionLabor="divisionLabor"
                        :divisionLaborVal="divisionLaborVal"
                      ></DivisionLabor>
            </div>-->
            <!-- <h3>(三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等</h3>
                    <div class="rich">
                      <cover @cover="cover" :coverVal="coverVal"></cover>
                    </div>
                  </div>
                  <div class="xx">
                    <h5>五、经费预算</h5>
                    <div class="rich">
                      <RichTextOne @quillVal="quillVal" :initialTextVal="initialTextVal"></RichTextOne>
                    </div>
                  </div>
                  <div class="xxx">
                    <h5>六、申报单位承诺</h5>
                    <div class="plpl" style="margin-top:32px;">
                      <span
                        @click="thf()"
                        :class="thff ? 'ic' : ''"
                        class="iconfont icon-fuxuankuang_xuanzhong"
                      ></span>
                      <label>我们确认项目申报内容的真实性,并愿意承担相应的责任</label>
                    </div>
                  </div>

                  <div class="xxx">
                    <h5>七、项目主责单位意见</h5>
                    <div class="xxxx">
                      <template>
                        <el-upload
                          class="upload-demo"
                          :action="$upload"
                          :on-preview="handlePreview"
                          :on-remove="handleRemove"
                          :on-success="successUpload"
                          :before-remove="beforeRemove"
                          multiple
                          :limit="10"
                          :on-exceed="handleExceed"
                          :file-list="fileLists"
                        >
                          <el-button size="small" type="primary">上传文件</el-button>
                          <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span>
                        </el-upload>
                      </template>
            </div>-->
            <!-- <div class="mid_box">
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl" :src="imageUrl" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传项目申报书</p> -->
            <!-- <p class="box1">{{filename?filename:''}}</p>
                          <p class="box1" style="font-weight:bold">
                            上传项目申报书
                            <span style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold">*</span>
                            </p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess1"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl1" :src="imageUrl1" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传实施方案</p> -->
            <!-- <p class="box1">{{filename1?filename1:''}}</p>
                          <p class="box1" style="font-weight:bold">
                            上传实施方案
                            <span style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold">*</span>
                            </p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess2"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl2" :src="imageUrl2" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传立项批复文件</p> -->
            <!-- <p class="box1">{{filename2?filename2:''}}</p>
                          <p class="box1" style="font-weight:bold">上传立项批复文件</p>
            </div>-->
            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess3"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl3" :src="imageUrl3" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                          </el-upload>
            <p class="box1">上传项目合同</p>-->
            <!-- <p class="box1">{{filename3?filename3:''}}</p>
                          <p class="box1" style="font-weight:bold">上传项目合同</p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                      <template>
                        <div>
                          <el-upload
                            class="avatar-uploader"
                            :action="$upload"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess4"
                            :before-upload="beforeAvatarUpload"
                          >
                            <img v-if="imageUrl4" :src="imageUrl4" class="avatar" />
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>-->
            <!-- <p class="box1">上传服务承诺书</p> -->
            <!-- <p class="box1">{{filename4?filename4:''}}</p>
                          <p class="box1" style="font-weight:bold">上传服务承诺书</p>
            </div>-->

            <!--文件上传-->
            <!-- </template>
                    </div>
                  </div>
                </div>
                <div class="ll">
                  <button type="button" @click="next(0)">上一页</button>
                  <button type="button" @click="submit(0)">保存</button>
                  <button type="submit" @click="submit(1)">提交</button>
                </div>
              </div>
            </form>-->

            <el-form
              :model="ruleForm"
              :rules="rules"
              ref="ruleForm"
              label-width="150px"
              class="demo-ruleForm"
              v-show="sub1 == 0"
              style="padding-bottom:14px"
            >
              <div style="display:flex">
                <el-form-item label="项目名称" prop="name" :error="errorMsg">
                  <el-input v-model="ruleForm.name" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="项目申报单位" prop="company">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.company" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div style="display:flex;">
                <el-form-item label="项目类别" prop="tid" style="margin-right:132px">
                  <el-select
                    v-model="ruleForm.tid"
                    placeholder="请选择活动区域"
                    @change="change"
                    :disabled="ifupdate"
                  >
                    <el-option
                      v-for="(type, index) in types"
                      :key="index"
                      :label="type"
                      :value="index"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="项目落地区域" prop="rid">
                  <!-- ruleForm.region -->
                  <el-select
                    v-model="ruleForm.rid"
                    placeholder="请选择活动区域"
                    @change="change1"
                    :disabled="ifupdate"
                  >
                    <el-option
                      v-for="(list, index) in area"
                      :key="index"
                      :label="list"
                      :value="index"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </div>
              <div style="display:flex">
                <el-form-item label="一级项目方向" prop="first_level" style="margin-right:132px">
                  <el-select
                    v-model="ruleForm.first_level"
                    placeholder="请选择活动区域"
                    @change="change2"
                    :disabled="ifupdate"
                  >
                    <el-option
                      v-for="(list, index) in first_levels"
                      :key="index"
                      :label="list"
                      :value="index"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="二级项目方向" prop="secondary">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.secondary" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div style="display:flex">
                <el-form-item label="项目服务领域" prop="fieldeara">
                  <el-input v-model="ruleForm.fieldeara" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="申报单位属性" prop="attribute">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.attribute" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <div style="display:flex">
                <el-col :span="11">
                  <el-form-item label="申请日期" prop="aterm" required style="margin-right:25px">
                    <el-date-picker
                      type="date"
                      placeholder="选择日期"
                      v-model="ruleForm.aterm"
                      style="width: 70%"
                      :disabled="ifupdate"
                    ></el-date-picker>
                  </el-form-item>
                </el-col>
                <!-- <el-col class="line" :span="2">-</el-col> -->
                <el-col :span="11">
                  <el-form-item prop="fterm" label="截止日期" style="position:relative;right:23px">
                    <el-date-picker
                      type="date"
                      placeholder="选择日期"
                      v-model="ruleForm.fterm"
                      style="width: 70%;"
                      :disabled="ifupdate"
                    ></el-date-picker>
                  </el-form-item>
                </el-col>
              </div>

              <div style="display:flex">
                <el-form-item label="通讯地址" prop="postaladdress">
                  <el-input
                    v-model="ruleForm.postaladdress"
                    style="width:350px"
                    :disabled="ifupdate"
                  ></el-input>
                </el-form-item>
                <el-form-item label="邮政编码" prop="postalcode">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.postalcode" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="电子邮箱" prop="pmail">
                  <el-input v-model="ruleForm.pmail" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="传真电话" prop="fax_tel">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.fax_tel" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="法定代表人" prop="plegal">
                  <el-input v-model="ruleForm.plegal" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="统一社会信用代码" prop="plcode">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.plcode" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="负责人姓名" prop="pname" style="margin-right:-69px">
                  <el-input v-model="ruleForm.pname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="poster" style="margin-right:-39px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.poster" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="poffice_tel" style="margin-right:-69px">
                  <el-input v-model="ruleForm.poffice_tel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="aphone" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.aphone" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex;width:400px;">
                <el-form-item label="联系人姓名" prop="cname" style="margin-right:-69px">
                  <el-input v-model="ruleForm.cname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="cpost" style="margin-right:-39px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.cpost" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="coffice_tel" style="margin-right:-69px">
                  <el-input v-model="ruleForm.coffice_tel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="region" style="margin-right:-69px">
                  <!-- ruleForm.region -->
                  <el-input v-model="ruleForm.cphone" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <!-- <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button> -->
              <el-form-item>
                <div
                  class="btn"
                  @click="submitForm('ruleForm')"
                  style="position:relative;right:105px;cursor:pointer"
                >下一页</div>

                <!-- <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
                <el-button @click="resetForm('ruleForm')">重置</el-button>-->
              </el-form-item>
            </el-form>

            <el-form
              :model="ruleForm1"
              :rules="rules1"
              ref="ruleForm1"
              label-width="150px"
              class="demo-ruleForm"
              v-show="sub1 == 1"
            >
              <el-form-item label="项目主责单位" prop="prespo">
                <el-input v-model="ruleForm1.prespo" :disabled="ifupdate" style="width:86%"></el-input>
              </el-form-item>
              <div style="display:flex">
                <el-form-item label="通讯地址" prop="respoadd">
                  <el-input v-model="ruleForm1.respoadd" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="邮政编码" prop="respopcode">
                  <el-input v-model="ruleForm1.respopcode" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="电子邮箱" prop="respomail">
                  <el-input v-model="ruleForm1.respomail" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="传真电话" prop="respophone">
                  <el-input v-model="ruleForm1.respophone" style="width:350px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex">
                <el-form-item label="负责人姓名" prop="respopname" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respopname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="respopost" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respopost" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="respoophone" style="margin-right:-69px">
                  <el-input
                    v-model="ruleForm1.respoophone"
                    style="width:150px"
                    :disabled="ifupdate"
                  ></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="respoptel" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respoptel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>

              <div style="display:flex;width:400px;">
                <el-form-item label="联系人姓名" prop="respocname" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respocname" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="职务" prop="respocpost" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respocpost" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
                <el-form-item label="办公电话" prop="respocophone" style="margin-right:-69px">
                  <el-input
                    v-model="ruleForm1.respocophone"
                    style="width:150px"
                    :disabled="ifupdate"
                  ></el-input>
                </el-form-item>
                <el-form-item label="手机" prop="respoctel" style="margin-right:-69px">
                  <el-input v-model="ruleForm1.respoctel" style="width:150px" :disabled="ifupdate"></el-input>
                </el-form-item>
              </div>
              <!-- <div class="xx">
                <h5>二、申报单位简介</h5>
                <div class="rich">
                  <aboutUs @aboutUs="aboutUs" :aboutUsVal="ruleForm.decldes" :writeable="!ifupdate"></aboutUs>
                </div>
              </div>
              <div class="xx">
                <h5>三、项目简介</h5>
                <div class="rich">
                  <ProjectBrief
                    @projectBrief="projectBrief"
                    :projectBriefVal="ruleForm.prodes"
                    :writeable="!ifupdate"
                  ></ProjectBrief>
                </div>
              </div>
              <div class="xx">
                <h5>四、项目论证</h5>
                <h3>(一) 项目实施的必要性、可行性</h3>
                <div class="rich">
                  <ProjectAssessment
                    @projectAssessment="projectAssessment"
                    :projectAssessmentVal="ruleForm.prodemo"
                    :writeable="!ifupdate"
                  ></ProjectAssessment>
                </div>
                <h3>
                  (二)
                  项目实施的已有基础、具体方法和途径及进度安排、预期效果及完成时间
                </h3>
                <p>1.项目实施的已有基础</p>
                <article>〔说明：包括但不限于项目实施已有的相关经验或有助于项目实施的资源支持等。〕</article>
                <div class="rich">
                  <ExistingBasis
                    @existingBasis="existingBasis"
                    :existingBasisVal="ruleForm.prodemojc"
                    :writeable="!ifupdate"
                  ></ExistingBasis>
                </div>
                <p>2.具体方法和途径</p>
                <article>〔说明：包括项目实施的具体方式、途径。明确项目的具体组成内容（子项目、各类服务等），每类、每次活动的具体内容、形式、对象、次数、人数等。〕</article>
                <div class="rich">
                  <MethodsWay
                    @methodsWay="methodsWay"
                    :methodsWayVal="ruleForm.prodemotj"
                    :writeable="!ifupdate"
                  ></MethodsWay>
                </div>
                <p>3.进度安排</p>
                <article>〔说明：可单独作为一部分，也可与“具体方法和途径”一并细化到子项目中说明。建议时间单元为月，不建议简单表述为“年内”、“上半年”、“下半年”、“第*季度”等。〕</article>
                <div class="rich">
                  <scheduling
                    @scheduling="scheduling"
                    :schedulingVal="ruleForm.prodemojd"
                    :writeable="!ifupdate"
                  ></scheduling>
                </div>
                <p>4.预期效果</p>
                <article>〔说明：具体明确项目实施所要达到的目标或预期的效果。〕</article>
                <div class="rich">
                  <DesiredEffect
                    @desiredEffect="desiredEffect"
                    :desiredEffectVal="ruleForm.prodemoxg"
                    :writeable="!ifupdate"
                  ></DesiredEffect>
                </div>
                <p>5.项目团队及分工</p>
                <article>〔说明：包括项目实施的组织管理机构组成，各子项目或各项服务活动的具体承接单位和负责人，各有关协作单位等。要把可能引起转包怀疑的所有事项交代清楚，避免在检查、审计和评估中产生误解。〕</article>
                <div class="rich">
                  <DivisionLabor
                    @divisionLabor="divisionLabor"
                    :divisionLaborVal="ruleForm.prodemofg"
                    :writeable="!ifupdate"
                  ></DivisionLabor>
                </div>
                <h3>(三) 项目实施涵盖的范围、实施的规模、服务的人群，创新之处等</h3>
                <div class="rich">
                  <cover @cover="cover" :coverVal="ruleForm.prodemotwo" :writeable="!ifupdate"></cover>
                </div>
              </div>
              <div class="xx">
                <h5>五、经费预算</h5>
                <div class="rich">
                  <RichTextOne
                    @quillVal="quillVal"
                    :initialTextVal="ruleForm.funds"
                    :writeable="!ifupdate"
                  ></RichTextOne>
                </div>
              </div>
              <div class="xxx">
                <h5 style="font-size:20px">六、申报单位承诺</h5>
                <div class="plpl" style="margin-top:32px;">
                  <span
                    @click="thf()"
                    :class="thff ? 'ic' : ''"
                    class="iconfont icon-fuxuankuang_xuanzhong"
                    v-if="!ifupdate"
                  ></span>
                  <label>我们确认项目申报内容的真实性,并愿意承担相应的责任</label>
                </div>
              </div>-->
              <div class="xxx">
                <h5 style="font-size:20px">七、项目主责单位意见</h5>
                <!-- <div style="font-size:13px;color:gray`;margin-top:10px">点击文件名查看文件</div> -->
                <div class="xxxx">
                  <!-- <p
                    v-if="fileLists.length"
                    class="yulantext"
                    @click="yulana(fileLists[0])"
                    style="left:368px;width:25px"
                  >预览</p>-->
                  <template>
                    <!-- v-if="!ifupdate" -->
                    <div>
                      <el-upload
                        class="upload-demo"
                        :action="$upload"
                        :on-preview="handlePreview"
                        :on-remove="handleRemove"
                        :on-success="successUpload"
                        :before-remove="beforeRemove"
                        :before-upload="beforeupload"
                        multiple
                        :limit="10"
                        :on-exceed="handleExceed"
                        :file-list="fileLists"
                        :title="fileLists[0].name"
                      >
                        <!-- v-if="!ifupdate"    -->
                        <div style="display:flex" v-if="!ifupdate">
                          <el-button size="small" type="primary">上传文件</el-button>
                          <span slot="tip" class="el-upload__tip">只能上传一张不同的图片</span>
                        </div>
                      </el-upload>
                    </div>
                    <!-- <div v-else>
                      <el-upload
                        class="upload-demo"
                        :action="$upload"
                        :on-preview="handlePreview"
                        :on-success="successUpload"
                        :before-remove="beforeRemove"
                        :on-remove="handleRemove"
                        :before-upload="beforeupload"
                        multiple
                        :limit="10"
                        :on-exceed="handleExceed"
                        :file-list="fileLists"
                      >
                        <el-button size="small" type="primary" v-if="!ifupdate">上传文件</el-button>
                        <span slot="tip" class="el-upload__tip" v-if="!ifupdate">只能上传一张不同的图片</span>
                      </el-upload>
                    </div>-->
                  </template>
                </div>
              </div>

              <div class="mid_box" style="padding-bottom:50px;margin-top:30px">
                <!--  v-if="filename&&(bgData.status==2||bgData.status==3)" -->
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del"
                    v-if="filename&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      style="position: relative"
                      :http-request="uploadfile"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:40px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[0] && uploadname[0] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[0]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl" :src="imageUrl" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>

                    <p class="box1" v-if="filename">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        placement="top"
                        :content="filename? filename.split('_')[0]+''+(filename.split('_')[0].includes('.')?'':'.'+filename.split('.')[1]):''"
                      >
                        <!-- <a
                          :href="ruleForm.probook"
                          target="_blank"
                          style="width:157px;display:block;overflow:hidden;text-overflow: ellipsis;"
                        >{{filename?filename:''}}</a>-->
                        <a
                          :href="ruleForm.probook"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename? filename.split('_')[0]+''+(filename.split('_')[0].includes('.')?'':'.'+filename.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.probook" target="_blank">{{filename?filename:''}}</a> -->
                      <a
                        :href="ruleForm.probook"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 18px;">
                      上传项目申报书
                      <span
                        style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold"
                      >*</span>
                    </p>
                  </div>

                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del1"
                    v-if="filename1&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      :before-upload="beforeAvatarUpload"
                      style="position: relative"
                      :http-request="uploadfile1"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:40px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[1] && uploadname[1] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[1]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl1" :src="imageUrl1" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>

                    <p class="box1" v-if="filename1">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename1? filename1.split('_')[0]+''+(filename1.split('_')[0].includes('.')?'':'.'+filename1.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.fangan"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename1? filename1.split('_')[0]+''+(filename1.split('_')[0].includes('.')?'':'.'+filename1.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.fangan" target="_blank">{{filename1?filename1:''}}</a> -->
                      <a
                        :href="ruleForm.fangan"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 24px;">
                      上传实施方案
                      <span
                        style="font-size:10px;color:red;postion:relative;top:-3px;font-weight:bold"
                      >*</span>
                    </p>
                  </div>

                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del2"
                    v-if="filename2&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      style="position: relative"
                      :http-request="uploadfile2"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:40px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[2] && uploadname[2] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[2]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl2" :src="imageUrl2" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                    <p class="box1" v-if="filename2">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename2? filename2.split('_')[0]+''+(filename2.split('_')[0].includes('.')?'':'.'+filename2.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.pifu"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename2? filename2.split('_')[0]+''+(filename2.split('_')[0].includes('.')?'':'.'+filename2.split('.')[filename2.split('.').length - 1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.pifu" target="_blank">{{filename2?filename2:''}}</a> -->
                      <a
                        :href="ruleForm.pifu"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 14px;">上传立项批复文件</p>
                  </div>
                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del3"
                    v-if="filename3 &&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      :on-success="handleAvatarSuccess3"
                      style="position: relative"
                      :http-request="uploadfile3"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:42px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <!--    v-if="uploadname[3] && uploadname[3] != 100" -->
                        <el-progress
                          v-if="uploadname[3] && uploadname[3] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[3]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl3" :src="imageUrl3" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                    <p class="box1" v-if="filename3">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename3? filename3.split('_')[0]+''+(filename3.split('_')[0].includes('.')?'':'.'+filename3.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.pact"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename3? filename3.split('_')[0]+''+(filename3.split('_')[0].includes('.')?'':'.'+filename3.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.pact" target="_blank">{{filename3?filename3:''}}</a> -->
                      <a
                        :href="ruleForm.pact"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 29px;">上传项目合同</p>
                  </div>

                  <!--文件上传-->
                </template>
                <template>
                  <div
                    class="el-icon-close close"
                    @click="del4"
                    v-if="filename4&&(bgData.status==2||bgData.status==3)"
                  ></div>
                  <div>
                    <el-upload
                      class="avatar-uploader"
                      :action="$upload"
                      :show-file-list="false"
                      style="position: relative"
                      :http-request="uploadfile4"
                    >
                      <div style="position: absolute;z-index:9999;width:80px;left:42px;top:42px">
                        <!-- {{uploadname[2]}} -->
                        <!--   -->
                        <el-progress
                          v-if="uploadname[4] && uploadname[4] != 100"
                          :text-inside="true"
                          :stroke-width="16"
                          :percentage="uploadname[4]"
                          status="success"
                        ></el-progress>
                      </div>
                      <img v-if="imageUrl4" :src="imageUrl4" class="avatar" />
                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                    <p class="box1" v-if="filename4">
                      <el-tooltip
                        class="item"
                        effect="dark"
                        :content="filename4? filename4.split('_')[0]+''+(filename4.split('_')[0].includes('.')?'':'.'+filename4.split('.')[1]):''"
                        placement="top"
                      >
                        <a
                          :href="ruleForm.promise"
                          target="_blank"
                          style="width:100px;margin-left:20px;display:block;overflow:hidden;text-overflow: ellipsis;text-align:center"
                        >{{filename4? filename4.split('_')[0]+''+(filename4.split('_')[0].includes('.')?'':'.'+filename4.split('.')[1]):""}}</a>
                      </el-tooltip>
                      <!-- <a :href="ruleForm.promise" target="_blank">{{filename4?filename4:''}}</a> -->
                      <a
                        :href="ruleForm.promise"
                        class="yulan"
                        target="_blank"
                        style="width:90px;color:#409eff;display:block;margin-top:20px;text-align:center"
                      >下载</a>
                    </p>
                    <p class="box1" style="font-weight:bold;text-indent: 22px;">上传服务承诺书</p>
                  </div>
                </template>
              </div>

              <!-- <el-form-item style="margin:0"> -->
              <!--  v-if="bgData.status==1||bgData.status==4" -->
              <div></div>
              <!-- v-if="bgData.status==2||bgData.status==3" -->
              <div class="ll" v-if="bgData.status==2||bgData.status==3">
                <button type="button" @click="next(0)" style="cursor:pointer">上一页</button>
                <!--  v-if="ruleForm.status !=4 && ruleForm.status !=1" -->
                <!--  v-if="ruleForm.status!=4&&ruleForm.status!=1" -->
                <button type="button" @click="submitForm('ruleForm1',1)" style="cursor:pointer">保存</button>
                <button
                  type="button"
                  @click="submitForm('ruleForm1',2)"
                  style="cursor:pointer;    background-image: linear-gradient(69deg,#cc263f,#f42b47 100%,#ed162d 0,#e60012 0),linear-gradient(#e60012,#e60012);"
                >提交</button>
              </div>
              <!-- <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
              <el-button @click="resetForm('ruleForm')">重置</el-button>-->
              <!-- </el-form-item> -->
            </el-form>
            <section id="preview" v-if="popupStatus">
              <div class="tc" @click="preview()"></div>
              <section class="tc-text">
                <div class="queren" v-if="popupStatus">
                  <div>
                    <p>{{ subStatus == 0 ? "是否保存申报项目" : "是否确认申报项目" }}</p>
                    <div>
                      <span @click="popupStatus = !popupStatus">否</span>
                      <span @click="submitYes">是</span>
                    </div>
                    <span v-if="subStatus == 1">请您核对以上项目申报信息，提交之后不可修改</span>
                  </div>
                </div>
              </section>
            </section>
          </div>
          <section id="preview" v-if="popupStatus">
            <div class="tc" @click="preview()"></div>
            <section class="tc-text">
              <a
                v-for="(list, index) in dataFile"
                :key="index"
                :href="list.url"
                target="_blank"
              >{{ list.url }}</a>
            </section>
            <img class="tc-text" :src="zData.proimages" />
          </section>
          <section id="popup" v-if="pop" @click="popUp()">
            <aside @click.stop>
              <img :src="linkData" alt />
            </aside>
          </section>
          <!-- <footer-nav class="footer"></footer-nav> -->
        </div>
        </template>